<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>关于我们</title>
    <link rel="stylesheet" href="../static/bootstrap/css/bootstrap.min.css" th:href="@{/bootstrap/css/bootstrap.min.css}">
    <link rel="stylesheet" href="../static/css/me.css" th:href="@{/css/me.css}">
    <link rel="stylesheet" href="../static/bootstrap/css/bootstrapValidator.min.css" th:href="@{/bootstrap/css/bootstrapValidator.min.css}">
    <link rel="stylesheet" href="../static/css/animate.css" th:href="@{/css/animate.css}">
    <link rel="stylesheet" type="text/css" href="http://cdn.bootcss.com/bootstrap-select/2.0.0-beta1/css/bootstrap-select.css">
</head>

<style>

    body{
        /*background-image: url("../images/background/bg02.jpg");*/
        background-image: url("https://img-blog.csdnimg.cn/20200819191928909.jpg");

        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }

    .button-rounded{
        width: 150px;
        height: 50px;
        border-radius: 50px 50px;
        outline: none;
        background-color: #a94442;
        color: white;
        transition: 0.5s;
        text-align: center;
        line-height: 35px;
        transition: 1s;
    }

    .button-rounded:hover{
        background-color: white;
        color: red;
        transition: 1s;
    }

    .div-color{
        background-color: white;
    }

    .back-div{
        background-image: url("http://demo.sc.chinaz.net/Files/DownLoad/moban/201511/moban818/images/bg.jpg");
        background-size: 100% 70%;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }

</style>

<body>

<br>
<br>
<br>
<div class="container animated fadeInDown">
    <div class="row">
            <h1 class="text-color-white">创美网盘</h1>
    </div>
    <br>
    <br>
    <br>
    <br>
    <div class="row">
        <div class="col-md-12 text-center">
            <h2 class="text-color-red">把握当下、展望未来</h2>
            <h3 class="text-color-white text-shadow-black-xs">欢迎来到我的个人网盘，我是一个热爱编程的阳光少年,也是一个终身学习者,希望能够汲取更多的知识，充实自己的生活，希望能在编程的道路上越走越远！!</h3>
        </div>
    </div>
    <br>
    <br>
    <br>
    <br>
    <!--<div class="row">
        <div class="col-md-12 text-center">
            <h2>技术集</h2>
            <h3>数据库: Mysql</h3>
            <h3>前端UI: bootstrap</h3>
            <h3>后台框架: Springboot、SSM</h3>
            <h3>页面模板: Thymeleaf模板引擎</h3>

        </div>
    </div>-->
    <br>
    <br>
    <br>
    <div class="row">
        <div class="col-xs-2 col-xs-offset-4 col-md-2 col-md-offset-5">
            <a th:href="@{/}" class="btn button-rounded">开始</a>
        </div>
    </div>
</div>




<!--/*/<th:block th:replace="fragments :: script">/*/-->
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
<!--加载bootstrap验证器-->
<script src="../static/bootstrap/js/bootstrapValidator.min.js" th:src="@{/bootstrap/js/bootstrapValidator.min.js}"></script>
<!--/*/</th:block>/*/-->
</body>
</html>